iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0

若您與我成功熬過了這三十天的內容,並且實際上手練習、吸收進去的話 ── 那麼恭喜您!您肯定已經具備著一定的網頁設計實力了。

不過呢,這三十天的內容都只教了些基礎層面的資訊,不論是CSS、JS、Python、Flask…等,各大領域都還有更多的功能可再繼續往下延伸呢…

在本次鐵人賽的30天當中,我們介紹了很多不同面向的東西:

  • 網頁三件套(HTML、CSS、Javascript)
  • 樣式框架(Tailwind)
  • 前端框架(React)
  • Python
  • 後端 ── Python Flask
  • 資料庫(雖然沒寫到太多

而接下來,我將淺略提及上述的東西該如何持續往下延伸:

網頁三件套(HTML、CSS、Javascript)


最基礎的網頁三件套,再往下延伸的話,您可以去查詢各種商業網站,自己嘗試複刻切版出來。又或者,您也可以往設計的部分往下學習,可以摸索Figma…等這類型的東西。

https://www.figma.com/
https://ithelp.ithome.com.tw/upload/images/20231015/20160488CZGLp04JMr.png

而CSS的部分,您還可以去練習製作一些特殊的樣式,比如說比較特別的遮罩、投影效果、毛玻璃效果,再往下做還可以嘗試為您設計的元件套用上RWD ── 如果真的練成了,指不定以後的前端設計case接不完喔。⇒【Day09】前端撰寫(6)淺談RWD響應式網頁設計

Javascript 的部分往下延伸的話,可以去尋找一些特別的延伸模組,您可以去專研GSAP的動畫庫,製作一個花俏的網頁。或者是開發網頁遊戲 ── 想不到吧?開發網頁遊戲也是可以使用JavaScript實現的喔!⇒【Day13】讓網頁動起來(3)使用GSAP設計動畫!

甚至您可以去學習Typescript!至於Typescript是甚麼?您可以理解為一個語法更嚴謹的JavaScript ,它可以讓您的代碼更漂亮更完整,可讀性更高,且問題更少。

樣式框架


在前面幾天的篇章中,我曾介紹過Tailwind的框架,它讓我們可以輕鬆賦予或撰寫元件的樣式。當然,樣式框架也不是非它不可,在網路上我們可以查到其他家特殊的樣式框架,像是:

  • Bootstrap
  • Less.js

各位有興趣的話,不妨去查查這幾個框架怎麼玩,更可以深入去專研,加快您設計網頁的效率!

前端框架


React框架可以從 Day21 開始往後看。

前端框架可以說是我這30天介紹的東西中,水最深的一個了!前端框架不僅功能強大,上限也是非常多,網路上所流通的框架也是種類繁多 ── 比如說,在開發手機app的部分。這30天我們挑選了React做講解,若您實在與React看不對眼,或著不喜歡開發React,也有其他的選擇,近期相當主流的框架有:

  • Vue.js
  • Angular.js
  • Next.js(據說是React.js的延伸)

若您對前端框架很感興趣,可以挑自己看順眼的、或喜歡的,去做學習喔!

Python


Python教學 ⇒ 【Day26】Python速成班

Python為近期主流的程式語言之一,除了先期提到的,它語法直觀、簡易、好讀,它還能開發非常多的東西,如:爬蟲、discord bot、遊戲(Pygame)、AI、資料處理…等,覺得編寫Python非常簡單且非常有趣的各位,可以再自行找查相關的資料,並往下做延伸!

近期比較值得注意的是,有人開發出了python++,即為Mojo。據說它比Python更有效率,語法中還能添加emoji…若您感興趣的話,也是可以去研究看看。
https://ithelp.ithome.com.tw/upload/images/20231015/20160488402ADia5Ai.png

後端


Python Flask教學 ⇒

後端的選擇並不是只有Python的Flask而已,您還可以選擇使用PHP、C#、Java、JavaScript 去做撰寫,而每個框架都有它們的各自的優缺點,各位可以先翻翻看哪個職缺薪水最多,然後開始做學習(x

  • Laravel(php)市佔率最高!
  • Asp.net(C#)
  • Node.js(JavaScript)
  • Spring(Java)

資料庫系統


這算是我這次鐵人賽小敗筆了,並沒有提到資料庫的部分 ── 那資料庫究竟是什麼?

資料庫有多種類型,包括關聯式資料庫(如MySQL、Oracle)和非關聯式資料庫(如MongoDB、Redis)。它們用於不同類型的應用,如:企業管理、網站應用、社交媒體…等更多相關應用。

資料庫的功能,包括用在數據的增加、刪除、查詢和修改,同時也提供數據的安全性和完整性。資料庫管理系統(DBMS)便是用來管理資料庫的軟件,它提供了一個界面,能夠讓使用者輕鬆地與資料庫進行交互。

也是一個需要花上不少時間來研究的項目喔!

總結:你要怎麼解決日常生活中的問題?


有一句話是這麼說的:「科技始終來自於人性」,科技的發展都是為了提供我們人類工作上的效率。

在平常的閒暇時刻,不妨多多思考您可以如何運用這些所學的語言、技能…等,去解決您生活中的各種問題。可以嘗試多製作一些Side Project,在改善生活的同時也能夠順便鍛鍊下自己的能力。

好譬如:我之前準備要去報考多益,然而單字實在多到背不完 ── 寫在紙本上我不僅嫌煩,還總是令人眼花撩亂。所以那時候我便寫了一個單字系統:其大略的架構便是使用Excel去儲存我的單字表,然後用網頁去呈現我的單字,最後只要拿出手機,隨時隨地都能抽考自己。這部分使用到的技術便有Flask、網頁三件套、還有一些Python在處理資料時的延伸模組。

最後,只能說,整個產業的水都非常的相當之深啊…= =|||

如果有興趣的話,真的很推薦您自行上網查詢資料並鑽研,指不定有一日網頁領域便出現了一位大師級的全能網頁工程師了呢!

本次參賽心得及歷程


  • 報名緣起

為什麼我會報名這個比賽,大概是在網路上查詢資料並學習程式語言時,接觸了到此網站,同時還偶然發現了這個比賽,產生了:「如果我把這個完成,是不是也超帥的啊」這種想法,於是在六月時,就拉著三五好友一同參賽了。

然而,在大專院校長達4個月的暑假裡,我是一個字都沒碰,更可怕的是,陪我一同報名比賽的人類也是隻字未提,本來想說大家應該是都太忙都忘記了,我那時候也真的是放得很鬆,有了當死人當到底的這種想法。殊不知,其他人類早已使用暑假的這段時間,把30天的內容給完成,甚至已經報名完成了!結果…他們才在9/1號的時候突然告知我說,他們在等我開賽喔,那時候,我就知道我完!蛋!了!

  • 這真的是一趟很崩潰的旅程

有一個迷因是這樣說的:「請問要如何在1個小時內補充8小時的睡眠」,完完全全就是我當時的心境,開啟了日夜趕稿模式,在15天做4個月的工作內容。想當然的,絕對是做不完,在15號開賽時我只有7天存稿,大概發到第10幾篇開始,我就開始了當天寫完當天發的規律。而令我相當印象深刻的便是,我每天晚上11點快12點都會打開電腦再三確認我到底有沒有發文,病得相當不清。

現在回想起來,我當時真的有夠神經病的,而且病得相當厲害 ── 這是一個每天都帶著電腦趴趴走的故事,每天都陷入危今天要寫什麼,明天又要寫什麼的循環,連國慶連假在山上露營,都必須帶著電腦出門,閒閒沒事就拿出筆電或手機,在Notion一頓輸出。

到了最後幾天,還出現一個差點害全部的事情功虧一簣的小插曲,在10/10號的時候我和同學們一同相約去看國慶煙火,看完之後交通十分混亂,公車集體罷工。而剛好就在那天,我沒有帶筆電出門,在叫不到車,回不了家的同時,還沒有發文。

我一度在公車站差點哭出來。

而且是爆哭的那種,眼淚已經在我的眼角處凝聚,可見那時我有多崩潰。

幸好,在最後的最後,我還算是安全上壘。回家的一路上我都在思考,要是騎車的時候出車禍,我要怎麼趕緊逃離筆錄現場,先衝回家把文章發出去。哈哈,差點上社會新聞。

最後我想 ── 謝謝各位!!


這裡我要為各位送上我最真摯的感謝,並深深一鞠躬!謝謝每天把文章看完的各位,也謝謝身邊朋友們的支持,包容我某幾個禮拜因煩躁而產生的壞情緒──

也謝謝資工三甲黃馨蝶同學,一直在幫我修正一些細節,讓文章變得超棒!不然可能會出現以下的東西:

  1. 到底是要切幾刀你才滿意?
    https://ithelp.ithome.com.tw/upload/images/20231015/20160488Fml2LaD9VX.png

  2. 同樣的話我就喜歡講兩遍。
    https://ithelp.ithome.com.tw/upload/images/20231015/20160488ooH2zre9gl.jpg

  3. 今天是第30篇,在前面的12345678910……
    https://ithelp.ithome.com.tw/upload/images/20231015/201604889ex4dBysfA.png

  4. 我起瘋來連我自己都不知道我在講甚麼。
    https://ithelp.ithome.com.tw/upload/images/20231015/20160488i3uhoHYq9N.jpg

  5. 那你真的很厲害欸。
    https://ithelp.ithome.com.tw/upload/images/20231015/20160488JTN9GOJSqt.jpg

  6. 最經典的 —— 我真的很注重你的使用者體驗。
    https://ithelp.ithome.com.tw/upload/images/20231015/20160488j3wtFUmBV0.png

我在編寫文章的時候都快被我自己笑死…

咳咳…岔題了,回歸至感謝的話語:

我還想謝謝資工三甲廖曉翎同學,讓我在熬夜趕稿的夜晚沒有這麼無聊。(她說如果得獎的話獎金一定會分他,但我才不要哩呵呵

同時謝謝一直在身邊支持我的李庭愷、黃秉勗、劉晏邡、卓家睿、孫翊嘉同學。

以及每天固定捧場,一直抓我錯字的思綺同學= =

真的是相當好氣又好笑…


以上,便是今年2023鐵人賽《連我阿公都會-手把手教你架網站系列》的全部內容了!謝謝各位,我終於自由啦!!!


上一篇
【Day29】Flask請求 & 表單實作
系列文
連我阿公都會-手把手教你架網站 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言